<template>
  <div class="common-left-bg" style="margin-top: 20px;">
    <dv-border-box-10>
        <div class="common-title">老师考勤</div>
        <el-row :gutter="20" class="xuesheng">
          <el-col :span="12"><dv-border-box-8 class="xueshengli">
            <div class="t">正常打卡人数</div>
            <p ><b>0</b></p>
          </dv-border-box-8></el-col>
          <el-col :span="12"><dv-border-box-8 class="xueshengli">
            <div class="t">出差人数</div>
            <p ><b>0</b></p>
          </dv-border-box-8></el-col>
        </el-row>
        <el-row :gutter="20" class="xuesheng" style="padding-top:0px;">
          <el-col :span="12"><dv-border-box-8 class="xueshengli">
            <div class="t">请假人数</div>
            <p ><b>0</b></p>
          </dv-border-box-8></el-col>
          <el-col :span="12"><dv-border-box-8 class="xueshengli">
            <div class="t">异常打卡人数</div>
            <p ><b>0</b></p>
          </dv-border-box-8></el-col>
        </el-row>
    </dv-border-box-10>
  </div>
</template>

<script>
export default {
  name: 'xuesheng',
  data () {
    return {}
  }
};
</script>

<style lang="less">
.xuesheng{ padding: 20px; color: #19c3eb; }
.xueshengli{ width: 100%; text-align:center; height: 80px;}
.xueshengli p b{ width: 100%;; font-size:32px;}
.xueshengli .t{ padding-top: 10px;}
.xueshengli p{ margin:0;}
</style>
